<template>
	<view class="home app-pages">
		<view class="swiper">
			<u-swiper :list="banner" circular></u-swiper>
		</view>
		<view class="cell">
			<view class="cell-item">
				<view class="title">活动描述</view>
				<view class="content">
					一般比较大型、优惠力度大的电商促销节日为春节、618、双十一、双十二，在其他一些节日电商平台也会举办相关的优惠活动。电商平台基本上每个月都会举办一些促销活动，也会有一些折扣，虽然活动力度不是很大，但是用户也能够比较优惠的购买到一些商品。下面给大家整理了一个淘宝和京东的满减活动时间表
				</view>
			</view>
		</view>
		<view class="image">
			<div v-for="item in 6"  :key="item" class="image-list">
				<u--image :showLoading="true" src="https://cdn.uviewui.com/uview/swiper/swiper1.png"
					width="210rpx" height="210rpx"/>
			</div>
			<div class="image-empty"></div>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Home',
		data() {
			return {
				banner: [
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				],
			}
		},
		methods: {}
	}
</script>


<style lang="scss" scoped>
	.home {
		.image{
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			width: 100%;
			margin-top: 20rpx;
			.image-empty{
				height: 0;
				width: calc(210rpx + 210rpx);
			}
			.image-list{
				margin-top: 20rpx;
			}
		}
		.cell{
			.cell-item{
				.title{
					font-size: 30rpx;
					font-weight: bold;
					margin: 30rpx  0 20rpx 0;
				}
				.content{
					text-indent: 60rpx;
				}
			}
		}
	}
</style>
